@import "../common/global";

.bbq-collapse {
  padding: 10px;
  .bbq-collapse-item {

    .bbq-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid $normalThemeColor;

      padding: 8px 10px;
      .bbq-header-action {
        cursor: pointer;
        display: inline-block;
        transition: transform .3s;
        &.is-open {
          transform: rotate(180deg);
        }
      }
    }
    .bbq-content {
      overflow: hidden;
      transition: height .2s;
    }
    &:last-child{
      border-bottom: 1px solid $normalThemeColor;
    }
  }
}